<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Reportes</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">
			
			{% include "sidebar.html" %} <!-- Side bar -->

			<div class="span9">
				<div class="span12">
					<div class="row-fluid">
						<div class="page-header">
							<h2>Resultados de Actividades Generales</h2>
						</div>	
					</div>

					<!--Pregunta 1-->
					<div class="row-fluid">
						<div class="span6">
							{% load chart_tags %}
								{% chart %}
						    		chs=360x210
							 	    cht=p3
							    	 chco=C2BDDD
							   		chd=t:{{d1pre1}},{{d2pre1}},{{d3pre1}}
							   		chdl=FC|TCeI|CS
							   		chdlp=b
							   		chl={{d1pre1}}|{{d2pre1}}|{{d3pre1}}
							{% endchart %}
						</div>
						<div class="span6">
							<h4><strong>Cantidad de personas vinculadas a la Universidad involucradas en la actividad</strong></h4>
							<small aling="justify">Numero de personas vinculadas a distintas universidades que participan en actividades de 3M.
								<br><br>Formacion Continua: <strong>{{d1pre1}}</strong> --- <strong>{{promd1pre1}} %</strong> 
								<br>Transformacion de Conocimiento e Innovacion: <strong>{{d2pre1}}</strong> --- <strong>{{promd2pre1}} %</strong>
								<br>Compromiso Social: <strong>{{d3pre1}}</strong> --- <strong>{{promd3pre1}} %</strong></small>
						</div>
					</div>
					<!--Termina Pregunta 1-->

					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>

					<!--Pregunta 2-->
					<div class="row-fluid">
						<div class="span6">
							<h4><strong>Monto invertido por parte de las Universidades</strong></h4>
							<small aling="justify">Numeros precisos acerca de la inversion realizada en cada una de las actividades de 3M.
								<br><br>Formacion Continua: <strong>{{d1pre2}}</strong> --- <strong>{{promd1pre2}} %</strong> 
								<br>Transformacion de Conocimiento e Innovacion: <strong>{{d2pre2}}</strong> --- <strong>{{promd2pre2}} %</strong>
								<br>Compromiso Social: <strong>{{d3pre2}}</strong> --- <strong>{{promd3pre2}} %</strong></small>
						</div>
						<div class="span6">
							{% load chart_tags %}
								{% chart %}
						    		chs=360x210
								    cht=p3
								    chco=000000
								    chd=t:{{d1pre2}},{{d2pre2}},{{d3pre2}}
								    chdl=FC|TCeI|CS
								    chdlp=b
								    chl={{d1pre2}}|{{d2pre2}}|{{d3pre2}}
							{% endchart %}
						</div>
					</div>
					<!--Termina Pregunta 2-->

					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>

					<!--Pregunta 3-->
					<div class="row-fluid">
						<div class="span6">
							{% load chart_tags %}
								{% chart %}
						    		chs=360x210
							 	    cht=p3
							    	chco=0000FF
							   		chd=t:{{d1pre3}},{{d2pre3}},{{d3pre3}}
							   		chdl=FC|TCeI|CS
							   		chdlp=b
							   		chl={{d1pre3}}|{{d2pre3}}|{{d3pre3}}
							{% endchart %}
						</div>
						<div class="span6">
							<h4><strong>Ingreso obtenido por parte de las Universidades</strong></h4>
							<small aling="justify">Ingreso obtenido a nivel mundial en las actividades de 3M por parte de la Universidad.
								<br><br>Formacion Contínua: <strong>{{d1pre3}}</strong> --- <strong>{{promd1pre3}} %</strong> 
								<br>Transformacion de Conocimiento e Innovacion: <strong>{{d2pre3}}</strong> --- <strong>{{promd2pre3}} %</strong>
								<br>Compromiso Social: <strong>{{d3pre3}}</strong> --- <strong>{{promd3pre3}} %</strong></small>
						</div>
					</div>
					<!--Termina Pregunta 3-->

					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>

					<!--Pregunta 4-->
					<div class="row-fluid">
						<div class="span6">
							<h4><strong>Cantidad de beneficiarios</strong></h4>
							<small aling="justify">Cantidad de personas beneficiadas a nivel mundial en las actividades de 3M.
								<br><br>Formacion Continua: <strong>{{d1pre4}}</strong> --- <strong>{{promd1pre4}} %</strong> 
								<br>Transformacion de Conocimiento e Innovacion: <strong>{{d2pre4}}</strong> --- <strong>{{promd2pre4}} %</strong>
								<br>Compromiso Social: <strong>{{d3pre4}}</strong> --- <strong>{{promd3pre4}} %</strong></small>
						</div>
						<div class="span6">
							{% load chart_tags %}
								{% chart %}
						    		chs=360x210
								    cht=p3
								    chco=AA0033
								    chd=t:{{d1pre4}},{{d2pre4}},{{d3pre4}}
								    chdl=FC|TCeI|CS
								    chdlp=b
								    chl={{d1pre4}}|{{d2pre4}}|{{d3pre4}}
							{% endchart %}
						</div>
					</div>
					<!--Termina Pregunta 4-->

					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>

					<!--Pregunta 5-->
					<div class="row-fluid">
						<div class="span6">
							{% load chart_tags %}
								{% chart %}
						    		chs=360x210
							 	    cht=p3
							    	chco=FFCC33
							   		chd=t:{{d1pre5}},{{d2pre5}},{{d3pre5}}
							   		chdl=FC|TEeI|CS
							   		chdlp=b
							   		chl={{d1pre5}}|{{d2pre5}}|{{d3pre5}}
							{% endchart %}
						</div>
						<div class="span6">
							<h4><strong>Cantidad de horas empleadas</strong></h4>
							<small aling="justify">Cantidad de horas empleadas en actividades de 3M a nivel mundial.
								<br><br>Formacion Contnua: <strong>{{d1pre5}}</strong> --- <strong>{{promd1pre5}} %</strong> 
								<br>Transformacion de Conocimiento e Innovacion: <strong>{{d2pre5}}</strong> --- <strong>{{promd2pre5}} %</strong>
								<br>Compromiso Social: <strong>{{d3pre5}}</strong> --- <strong>{{promd3pre5}} %</strong></small>
						</div>
					</div>
					<!--Termina Pregunta 5-->

					<br><ul class="nav nav-list">
						<li class="divider"></li>
					</ul><br>

				</div>
			</div>
		</div>

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
</body>
</html>